<?php echo $this->css('css/images.css'); ?>


<div class="cms-content-header">Image Management</div>

<!--<div class="cms-form-message">
    Image Management section. Hover mouse over image to see editing options
</div>-->

<div id="content-pane" class="cms-content-pane"> 
    <div class="articles-pane"> 

        <div class="pane-sub-header"> 
            <label for="checkall" style="margin-right: 10px; padding-right: 10px; border-right: dotted #999 1px;"><input id="checkall" type="checkbox" /> Select All</label>
            <a id="add-link" href="<?php echo $this->url(array('action' => 'add')); ?>"> <img src="images/icons/newspaper_add.png" alt="add" width="16" height="16" border="0" align="absmiddle" /> Upload New </a> 
            <a id="del-selected-link" href="<?php echo $this->url(array('action' => 'delete_selected')); ?>"> <img src="images/icons/newspaper_delete.png" alt="del" width="16" height="16" border="0" align="absmiddle" /> Delete Selected </a> 
        </div>
        <div id="articles-display" class="pane-content">
            <div style="text-align: left;">
                <ul class="image_list">
                    <?php foreach ($images as $image) { ?>
                        <li data-id="<?php echo $image->getId(); ?>"> 
                            <div class="img_box"><?php echo $image->renderThumbnail(); ?></div>
                            <div class="img_name" title="Double Click To Edit Image Name" data-url="<?php echo $this->url(array('action' => 'update_image_name')); ?>"><?php echo $image->getData('ImageName'); ?></div>

                            <div class="options"> 
                                <input type="checkbox" value="<?php echo $image->getId(); ?>" name="images[]" />
                                <a class="edit_link" href="<?php echo $this->url(array('action' => 'edit', 'id' => $image->getId())); ?>">
                                    <img src="images/icons/image_edit.png" alt="edit" width="16" height="16" border="0" align="absmiddle" /> Edit
                                </a> 
                                <a class="delete_link" href="<?php echo $this->url(array('action' => 'delete', 'id' => $image->getId())); ?>">
                                    <img src="images/icons/image_delete.png" alt="delete" width="16" height="16" border="0" align="absmiddle" /> Delete
                                </a> 
                            </div>
                        </li>
                    <?php } ?>
                </ul>
            </div>
        </div>
        
        <div class="pane-footer">
            Page: 
        </div>
    </div>
</div>



<?php echo $this->script('js/images.js'); ?>